﻿<!DOCTYPE html>
<html>
  <head>
    <title>单选框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/单选框/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/单选框/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3585" class="ax_default">
        <div id="u3585_state0" class="panel_state" data-label="State1" style="">
          <div id="u3585_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3586" class="ax_default box_2">
              <div id="u3586_div" class=""></div>
              <div id="u3586_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3587" class="ax_default paragraph">
              <div id="u3587_div" class=""></div>
              <div id="u3587_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3588" class="ax_default" data-label="header">
        <div id="u3588_state0" class="panel_state" data-label="State1" style="">
          <div id="u3588_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3589" class="ax_default box_1">
              <div id="u3589_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3590" class="ax_default">
              <div id="u3590_state0" class="panel_state" data-label="State1" style="">
                <div id="u3590_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3591" class="ax_default box_1">
                    <div id="u3591_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3592" class="ax_default box_1">
                    <div id="u3592_div" class=""></div>
                    <div id="u3592_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3593" class="ax_default box_1">
                    <div id="u3593_div" class=""></div>
                    <div id="u3593_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3594" class="ax_default image">
                    <img id="u3594_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3595" class="ax_default box_1">
                    <img id="u3595_img" class="img " src="images/index/u11.png"/>
                    <div id="u3595_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3596" class="ax_default box_1">
        <div id="u3596_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3598" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3598_div" class=""></div>
        <div id="u3598_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3599" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3599_div" class=""></div>
        <div id="u3599_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3600" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3600_div" class=""></div>
        <div id="u3600_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3601" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3601_div" class=""></div>
        <div id="u3601_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3602" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3602_div" class=""></div>
        <div id="u3602_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3603" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3603_div" class=""></div>
        <div id="u3603_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3604" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3604_div" class=""></div>
        <div id="u3604_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3605" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3605_div" class=""></div>
        <div id="u3605_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3606" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3606_div" class=""></div>
        <div id="u3606_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3607" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3607_div" class=""></div>
        <div id="u3607_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3608" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3608_div" class=""></div>
        <div id="u3608_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3609" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3609_div" class=""></div>
        <div id="u3609_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3610" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3610_div" class=""></div>
        <div id="u3610_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3611" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3611_div" class=""></div>
        <div id="u3611_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3612" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3612_div" class=""></div>
        <div id="u3612_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3613" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3613_div" class=""></div>
        <div id="u3613_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3614" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3614_div" class=""></div>
        <div id="u3614_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3615" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3615_div" class=""></div>
        <div id="u3615_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3616" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3616_div" class=""></div>
        <div id="u3616_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3617" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3617_div" class=""></div>
        <div id="u3617_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3618" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3618_div" class=""></div>
        <div id="u3618_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3619" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3619_div" class=""></div>
        <div id="u3619_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3620" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3620_div" class=""></div>
        <div id="u3620_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3621" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3621_div" class=""></div>
        <div id="u3621_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3622" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3622_div" class=""></div>
        <div id="u3622_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3623" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3623_div" class=""></div>
        <div id="u3623_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3624" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3624_div" class=""></div>
        <div id="u3624_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3625" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3625_div" class=""></div>
        <div id="u3625_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3626" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3626_div" class=""></div>
        <div id="u3626_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3627" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3627_div" class=""></div>
        <div id="u3627_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3628" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3628_div" class=""></div>
        <div id="u3628_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3629" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3629_div" class=""></div>
        <div id="u3629_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3630" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3630_div" class=""></div>
        <div id="u3630_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3631" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3631_div" class=""></div>
        <div id="u3631_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3632" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3632_div" class=""></div>
        <div id="u3632_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3633" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3633_div" class=""></div>
        <div id="u3633_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3634" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3634_div" class=""></div>
        <div id="u3634_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3635" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3635_div" class=""></div>
        <div id="u3635_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3636" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3636_div" class=""></div>
        <div id="u3636_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3637" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3637_div" class=""></div>
        <div id="u3637_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3638" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3638_div" class=""></div>
        <div id="u3638_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3639" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3639_div" class=""></div>
        <div id="u3639_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3640" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3640_div" class=""></div>
        <div id="u3640_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3641" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3641_div" class=""></div>
        <div id="u3641_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3642" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3642_div" class=""></div>
        <div id="u3642_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3643" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3643_div" class=""></div>
        <div id="u3643_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3644" class="ax_default box_1 selected" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3644_div" class="selected"></div>
        <div id="u3644_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3645" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3645_div" class=""></div>
        <div id="u3645_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3646" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3646_div" class=""></div>
        <div id="u3646_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3647" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3647_div" class=""></div>
        <div id="u3647_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3648" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3648_div" class=""></div>
        <div id="u3648_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3649" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3649_div" class=""></div>
        <div id="u3649_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3650" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3650_div" class=""></div>
        <div id="u3650_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3651" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3651_div" class=""></div>
        <div id="u3651_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3652" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3652_div" class=""></div>
        <div id="u3652_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3653" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3653_div" class=""></div>
        <div id="u3653_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3654" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3654_div" class=""></div>
        <div id="u3654_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3655" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3655_div" class=""></div>
        <div id="u3655_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3656" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3656_div" class=""></div>
        <div id="u3656_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3657" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3657_div" class=""></div>
        <div id="u3657_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3658" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3658_div" class=""></div>
        <div id="u3658_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3659" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3659_div" class=""></div>
        <div id="u3659_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3660" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-fenzu-light">
        <div id="u3660_div" class=""></div>
        <div id="u3660_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3661" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3661_div" class=""></div>
        <div id="u3661_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3662" class="ax_default box_1" selectiongroup="u3597nav-cebianlan-light">
        <div id="u3662_div" class=""></div>
        <div id="u3662_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3664" class="ax_default">
        <div id="u3664_state0" class="panel_state" data-label="State1" style="">
          <div id="u3664_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3665" class="ax_default box_1">
              <div id="u3665_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3666" class="ax_default">
              <div id="u3666_state0" class="panel_state" data-label="State1" style="">
                <div id="u3666_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3667" class="ax_default box_1">
                    <div id="u3667_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3668" class="ax_default label">
                    <div id="u3668_div" class=""></div>
                    <div id="u3668_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3669" class="ax_default label">
                    <div id="u3669_div" class=""></div>
                    <div id="u3669_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3670" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3671" class="ax_default label">
                      <div id="u3671_div" class=""></div>
                      <div id="u3671_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3672" class="ax_default paragraph">
                      <div id="u3672_div" class=""></div>
                      <div id="u3672_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3673" class="ax_default label">
                    <div id="u3673_div" class=""></div>
                    <div id="u3673_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3674" class="ax_default label">
                    <div id="u3674_div" class=""></div>
                    <div id="u3674_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3675" class="ax_default label">
                    <div id="u3675_div" class=""></div>
                    <div id="u3675_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3676" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3677" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3678" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3679" class="ax_default image">
                    <img id="u3679_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3680" class="ax_default label">
                    <div id="u3680_div" class=""></div>
                    <div id="u3680_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3681" class="ax_default paragraph">
                    <div id="u3681_div" class=""></div>
                    <div id="u3681_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3682" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3683" class="ax_default label">
                      <div id="u3683_div" class=""></div>
                      <div id="u3683_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3684" class="ax_default paragraph">
                      <div id="u3684_div" class=""></div>
                      <div id="u3684_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3685" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3686" class="ax_default label">
                      <div id="u3686_div" class=""></div>
                      <div id="u3686_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3687" class="ax_default paragraph">
                      <div id="u3687_div" class=""></div>
                      <div id="u3687_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3688" class="ax_default heading_1">
        <div id="u3688_div" class=""></div>
        <div id="u3688_text" class="text ">
          <p><span>Radio 单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3689" class="ax_default heading_1">
        <div id="u3689_div" class=""></div>
        <div id="u3689_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3690" class="ax_default label">
        <div id="u3690_div" class=""></div>
        <div id="u3690_text" class="text ">
          <p><span>基本组件-单选框。主要用于一组可选项单项选择，或者单独用于切换到选中状态。</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3691" class="ax_default label">
        <div id="u3691_div" class=""></div>
        <div id="u3691_text" class="text ">
          <p><span>基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3692" class="ax_default label">
        <div id="u3692_div" class=""></div>
        <div id="u3692_text" class="text ">
          <p><span>通过selection group实现单选样式及状态切换</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3693" class="ax_default" selectiongroup="radio-list-1" data-left="230" data-top="351" data-width="79" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3694" class="ax_default ellipse selected">
          <img id="u3694_img" class="img " src="images/单选框/u3694_selected.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3695" class="ax_default ellipse selected">
          <img id="u3695_img" class="img " src="images/单选框/u3695_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3696" class="ax_default label selected">
          <div id="u3696_div" class="selected"></div>
          <div id="u3696_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Apple</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3697" class="ax_default" selectiongroup="radio-list-1" data-left="309" data-top="351" data-width="91" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3698" class="ax_default ellipse">
          <img id="u3698_img" class="img " src="images/单选框/u3694.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3699" class="ax_default ellipse">
          <img id="u3699_img" class="img " src="images/单选框/u3695.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3700" class="ax_default label">
          <div id="u3700_div" class=""></div>
          <div id="u3700_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Android</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3701" class="ax_default" selectiongroup="radio-list-1" data-left="400" data-top="351" data-width="98" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3702" class="ax_default ellipse">
          <img id="u3702_img" class="img " src="images/单选框/u3694.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3703" class="ax_default ellipse">
          <img id="u3703_img" class="img " src="images/单选框/u3695.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3704" class="ax_default label">
          <div id="u3704_div" class=""></div>
          <div id="u3704_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Windows</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3705" class="ax_default" selectiongroup="radio-list-1" data-left="498" data-top="351" data-width="85" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3706" class="ax_default ellipse disabled">
          <img id="u3706_img" class="img " src="images/单选框/u3694_disabled.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3707" class="ax_default ellipse disabled">
          <img id="u3707_img" class="img " src="images/单选框/u3695_disabled.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3708" class="ax_default label disabled">
          <div id="u3708_div" class="disabled"></div>
          <div id="u3708_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Github</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3709" class="ax_default" selectiongroup="radio-list-2" data-left="230" data-top="390" data-width="68" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3710" class="ax_default ellipse selected">
          <img id="u3710_img" class="img " src="images/单选框/u3694_selected.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3711" class="ax_default ellipse selected">
          <img id="u3711_img" class="img " src="images/单选框/u3695_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3712" class="ax_default label selected">
          <div id="u3712_div" class="selected"></div>
          <div id="u3712_text" class="text ">
            <p><span>金斑蝶</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3713" class="ax_default" selectiongroup="radio-list-2" data-left="298" data-top="390" data-width="80" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3714" class="ax_default ellipse">
          <img id="u3714_img" class="img " src="images/单选框/u3694.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3715" class="ax_default ellipse">
          <img id="u3715_img" class="img " src="images/单选框/u3695.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3716" class="ax_default label">
          <div id="u3716_div" class=""></div>
          <div id="u3716_text" class="text ">
            <p><span>爪哇犀牛</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3717" class="ax_default" selectiongroup="radio-list-2" data-left="378" data-top="390" data-width="80" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3718" class="ax_default ellipse">
          <img id="u3718_img" class="img " src="images/单选框/u3694.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3719" class="ax_default ellipse">
          <img id="u3719_img" class="img " src="images/单选框/u3695.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3720" class="ax_default label">
          <div id="u3720_div" class=""></div>
          <div id="u3720_text" class="text ">
            <p><span>印度黑羚</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3721" class="ax_default" selectiongroup="radio-list-3" data-left="230" data-top="466" data-width="79" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3722" class="ax_default ellipse selected">
          <img id="u3722_img" class="img " src="images/单选框/u3694_selected.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3723" class="ax_default ellipse selected">
          <img id="u3723_img" class="img " src="images/单选框/u3695_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3724" class="ax_default label selected">
          <div id="u3724_div" class="selected"></div>
          <div id="u3724_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Apple</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3725" class="ax_default" selectiongroup="radio-list-3" data-left="230" data-top="493" data-width="91" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3726" class="ax_default ellipse">
          <img id="u3726_img" class="img " src="images/单选框/u3694.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3727" class="ax_default ellipse">
          <img id="u3727_img" class="img " src="images/单选框/u3695.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3728" class="ax_default label">
          <div id="u3728_div" class=""></div>
          <div id="u3728_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Android</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3729" class="ax_default" selectiongroup="radio-list-3" data-left="230" data-top="520" data-width="98" data-height="17">

        <!-- Unnamed (Ellipse) -->
        <div id="u3730" class="ax_default ellipse">
          <img id="u3730_img" class="img " src="images/单选框/u3694.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3731" class="ax_default ellipse">
          <img id="u3731_img" class="img " src="images/单选框/u3695.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3732" class="ax_default label">
          <div id="u3732_div" class=""></div>
          <div id="u3732_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Windows</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3733" class="ax_default label">
        <div id="u3733_div" class=""></div>
        <div id="u3733_text" class="text ">
          <p><span>&#149; 垂直样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3734" class="ax_default label">
        <div id="u3734_div" class=""></div>
        <div id="u3734_text" class="text ">
          <p><span>按钮样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3735" class="ax_default label">
        <div id="u3735_div" class=""></div>
        <div id="u3735_text" class="text ">
          <p><span>通过selection group实现单选样式及状态切换</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3736" class="ax_default box_1" selectiongroup="radio-list-4">
        <div id="u3736_div" class=""></div>
        <div id="u3736_text" class="text ">
          <p><span>北京</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3737" class="ax_default box_1" selectiongroup="radio-list-4">
        <div id="u3737_div" class=""></div>
        <div id="u3737_text" class="text ">
          <p><span>上海</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3738" class="ax_default box_1" selectiongroup="radio-list-4">
        <div id="u3738_div" class=""></div>
        <div id="u3738_text" class="text ">
          <p><span>杭州</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3739" class="ax_default box_1" selectiongroup="radio-list-4">
        <div id="u3739_div" class=""></div>
        <div id="u3739_text" class="text ">
          <p><span>深圳</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3740" class="ax_default box_1" selectiongroup="radio-list-5">
        <div id="u3740_div" class=""></div>
        <div id="u3740_text" class="text ">
          <p><span>北京</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3741" class="ax_default box_1 disabled" selectiongroup="radio-list-5">
        <div id="u3741_div" class="disabled"></div>
        <div id="u3741_text" class="text ">
          <p><span>上海</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3742" class="ax_default box_1" selectiongroup="radio-list-5">
        <div id="u3742_div" class=""></div>
        <div id="u3742_text" class="text ">
          <p><span>杭州</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3743" class="ax_default box_1" selectiongroup="radio-list-5">
        <div id="u3743_div" class=""></div>
        <div id="u3743_text" class="text ">
          <p><span>深圳</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3744" class="ax_default box_1" selectiongroup="radio-list-6">
        <div id="u3744_div" class=""></div>
        <div id="u3744_text" class="text ">
          <p><span>北京</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3745" class="ax_default box_1" selectiongroup="radio-list-6">
        <div id="u3745_div" class=""></div>
        <div id="u3745_text" class="text ">
          <p><span>上海</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3746" class="ax_default box_1" selectiongroup="radio-list-6">
        <div id="u3746_div" class=""></div>
        <div id="u3746_text" class="text ">
          <p><span>杭州</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3747" class="ax_default box_1" selectiongroup="radio-list-6">
        <div id="u3747_div" class=""></div>
        <div id="u3747_text" class="text ">
          <p><span>深圳</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3748" class="ax_default label">
        <div id="u3748_div" class=""></div>
        <div id="u3748_text" class="text ">
          <p><span>&#149; 尺寸</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3749" class="ax_default box_1" selectiongroup="radio-list-7">
        <div id="u3749_div" class=""></div>
        <div id="u3749_text" class="text ">
          <p><span>北京</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3750" class="ax_default box_1" selectiongroup="radio-list-7">
        <div id="u3750_div" class=""></div>
        <div id="u3750_text" class="text ">
          <p><span>上海</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3751" class="ax_default box_1" selectiongroup="radio-list-7">
        <div id="u3751_div" class=""></div>
        <div id="u3751_text" class="text ">
          <p><span>杭州</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3752" class="ax_default box_1" selectiongroup="radio-list-7">
        <div id="u3752_div" class=""></div>
        <div id="u3752_text" class="text ">
          <p><span>深圳</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3753" class="ax_default box_1" selectiongroup="radio-list-8">
        <div id="u3753_div" class=""></div>
        <div id="u3753_text" class="text ">
          <p><span>北京</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3754" class="ax_default box_1" selectiongroup="radio-list-8">
        <div id="u3754_div" class=""></div>
        <div id="u3754_text" class="text ">
          <p><span>上海</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3755" class="ax_default box_1" selectiongroup="radio-list-8">
        <div id="u3755_div" class=""></div>
        <div id="u3755_text" class="text ">
          <p><span>杭州</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3756" class="ax_default box_1" selectiongroup="radio-list-8">
        <div id="u3756_div" class=""></div>
        <div id="u3756_text" class="text ">
          <p><span>深圳</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3757" class="ax_default label">
        <div id="u3757_div" class=""></div>
        <div id="u3757_text" class="text ">
          <p><span>大</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3758" class="ax_default label">
        <div id="u3758_div" class=""></div>
        <div id="u3758_text" class="text ">
          <p><span>中（默认）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3759" class="ax_default label">
        <div id="u3759_div" class=""></div>
        <div id="u3759_text" class="text ">
          <p><span>小</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
